<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.css" rel="stylesheet">
</head>
<style>
    .cart-item,.totalFee{
        display: flex;
        flex-direction: row;
    }
</style>
<body>
<div>
    <h1>购物车</h1>
    <div>
        <div class="cart-item">
            <div class="weui-cells_checkbox cart-product-item">
                <label for="item1">
                    <input type="checkbox" value="2" class="weui-check" name="checkbox1" id="item1">
                    <i class="weui-icon-checked"></i>
                </label>
                <div>啤酒套装1￥<span id="price-01">1000</span></div>
            </div>
            <div class="weui-count">
                <a class="weui-count__btn weui-count__decrease"></a>
                <input class="weui-count__number" type="number" value="1" readonly data-item-price="1000">
                <a class="weui-count__btn weui-count__increase"></a>
            </div>
        </div>

        <div class="cart-item">
            <div class="weui-cells_checkbox cart-product-item">
                <label for="item-2">
                    <input type="checkbox" value="1" class="weui-check" name="checkbox1" id="item-2">
                    <i class="weui-icon-checked"></i>
                </label>
                <div>啤酒套装1￥<span id="price-02">1030</span></div>
            </div>
            <div class="weui-count">
            <a class="weui-count__btn weui-count__decrease"></a>
            <input class="weui-count__number" type="number" value="1" readonly data-item-price="1030">
            <a class="weui-count__btn weui-count__increase"></a>
        </div>
        </div>
        <hr>

        <div class="weui-cells_checkbox totalFee">
            <label for="totalFeeCheckBox">
                <input type="checkbox"  class="weui-check" name="checkbox1" id="totalFeeCheckBox">
                <i class="weui-icon-checked"></i>
            </label>
            <input type="hidden" id="productIds">
            <div>全选 总价￥<span id="totalFee"></span></div>
        </div>


    </div>
</div>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
<script src="../../lib/web/cart/CartUtils.js"></script>
<script>
    $(document).ready(function(){
        var config={
            "isCheckAll":true,
            "increaseEventCallBack":function(){
                console.log("increaseEventCallBack")
            },
            "decreaseEventCallBack":function(){
                console.log("decreaseEventCallBack")
            },
        }
        var cart = new CartUtils(config);
        cart.initCart();
    })
</script>
</body>
</html>